<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
  		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>网站后台管理模版</title>
		<link rel="stylesheet" type="text/css" href="../../static/admin/layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/admin/css/admin.css"/>

		<script>
			var timer=null;
			function displayClock(num){//num是传入的startClock中的动态值
				if(num<10){
					return "0"+num;
				}
				else{
					return num;
				}
			}
			//停止计时
			function stopClock(){
				clearTimeout(timer);
			}
			//开始计时
			function startClock(){
				var time =new Date();
				var hours=displayClock(time.getHours())+":";
				var minutes=displayClock(time.getMinutes())+":";
				var seconds=displayClock(time.getSeconds());
				//显示时间
				show.innerHTML=hours+minutes+seconds;//在id为show的块区域显示
				timer=setTimeout("startClock()",1000);//延时器
			}
		</script>
	</head>

	<style>
		#show{
			font-size: 14px;
			color:#2B2E37;
			text-align:center;
		}
	</style>



	<body  onload="startClock()" onunload="stopClock()">
		<div class="wrap-container welcome-container">
			<div class="row">
				<div class="welcome-left-container col-lg-9">


					<div id="he-plugin-standard"></div>
					<script>
						WIDGET = {
							"CONFIG": {
								"layout": "1",
								"width": 970,
								"height": 500,
								"background": "1",
								"dataColor": "FFFFFF",
								"key": "cacc80208c6845da8482977e31afc39e"
							}
						}
					</script>
					<script src="https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0"></script>



					<!--服务器信息-->
					<div class="server-panel panel panel-default">
						<div class="panel-header">服务器信息</div>
						<div class="panel-body clearfix">
							<div class="col-md-2">
								<p class="title">服务器环境</p>
								<span class="info">GuanXingPlus/9.9.9 (Win64) Java/5.4.16</span>
							</div>
							<div class="col-md-2">
								<p class="title">服务器IP地址</p>
								<span class="info">666.6.6.6   </span>
							</div>
							<div class="col-md-2">
								<p class="title">服务器域名</p>
								<span class="info">localhost </span>
							</div>
							<div class="col-md-2">
								<p class="title"> JAVA版本</p>
								<span class="info">7.7.77</span>
							</div>
							<div class="col-md-2">
								<p class="title">数据库信息</p>
								<span class="info">&nbsp;5.1.12 </span>
							</div>
							<div class="col-md-2">
								<p class="title" align="center">当前时间</p>
								<span class="info">  <div id="show"></div></span>
							</div>
						</div>
					</div>
				</div>
				<div class="welcome-edge col-lg-3">
					<!--最新留言-->
					<div class="panel panel-default comment-panel">



						<div class="panel-header">最新留言</div>
						<div class="panel-body">
							<div class="commentbox">
								<ul class="commentList">
								  <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2021%252F0718%252F14a68460j00qwfbrz001xc000hs00vmc.jpg%26thumbnail%3D650x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636790219&t=0d3b23550a314377222d5be5a104b5ee"></i></a>
								    <div class="comment-main">
								      <header class="comment-header">
								        <div class="comment-meta"><a class="comment-author" href="#">我爱爽歪歪~</a> 评论于
								          <time title="2021年10月13日 下午3:20" datetime="2014-08-31T03:54:20">2021-10-10 15:20</time>
								        </div>
								      </header>
								      <div class="comment-body">
								        <p><a href="#">@路来聪</a> 系统振不戳！！！</p>
								      </div>
								    </div>
								  </li>
								  <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/wh=450,600/sign=850802f870899e5178db32107797f505/35a85edf8db1cb13f9a6ed16d654564e93584bec.jpg"></i></a>
								    <div class="comment-main">
								      <header class="comment-header">
								        <div class="comment-meta"><a class="comment-author" href="#">Demo王</a> 评论于
								          <time title="2021年10月14日 下午3:47" datetime="2014-08-31T03:54:20">2021-10-11 16:20</time>
								        </div>
								      </header>
								      <div class="comment-body">
								        <p><a href="#">@李冠兴</a> 我只想学习！！</p>
								      </div>
								    </div>
								  </li>
								   <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201707%2F12%2F20170712142205_tnEAT.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636790322&t=4c5dc3ef9672e3bed446345b2d41734e"></i></a>
								    <div class="comment-main">
								      <header class="comment-header">
								        <div class="comment-meta"><a class="comment-author" href="#">通宵小王子</a> 评论于
								          <time title="2021年10月14日 下午5:61" datetime="2014-08-31T03:54:20">2021-10-14 10:20</time>
								        </div>
								      </header>
								      <div class="comment-body">
								        <p><a href="#">@王云昊</a> 我什么也不干~~~~~</p>
								      </div>
								    </div>
								  </li>
								  <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0410%2F914ffef9j00qrcje4005td200tk00vcg007x008e.jpg%26thumbnail%3D650x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1636790449&t=d271d339d8cf7a2356ca341c71977354"></i></a>
								    <div class="comment-main">
								      <header class="comment-header">
								        <div class="comment-meta"><a class="comment-author" href="#">石达开</a> 评论于
								          <time title="2021年10月14日 下午6:55" datetime="2014-08-31T03:54:20">2021-10-14 11:15</time>
								        </div>
								      </header>
								      <div class="comment-body">
								        <p><a href="#">@范新照</a> 买买买买买买！！！</p>
								      </div>
								    </div>
								  </li>
								</ul>
							</div>
							<div id="pagesbox" style="text-align: center;padding-top: 5px;">
								
							</div>
						</div>
					</div>
					<!--联系-->
					<div class="panel panel-default contact-panel">
						<div class="panel-header">联系我们</div>
						<div class="panel-body">
							<p>QQ客服：89672328</p>
							
						</div>
					</div>

					<div>
						<iframe allowtransparency="true" frameborder="0" width="317" height="28" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=3&z=1&t=1&v=0&d=1&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=0&a=1&c=60202&w=317&h=28&align=center"></iframe>					</div>

				</div>
			</div>
		</div>
		<script src="../../static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../static/admin/lib/echarts/echarts.js"></script>
		<script type="text/javascript">
			layui.use(['layer','jquery'], function(){
				var layer 	= layui.layer;
				var $=layui.jquery;
				//图表
				var myChart;
				require.config({
				    paths: {
				        echarts: '../../static/admin/lib/echarts'
				    }
				});
				require(
				    [
				        'echarts',
				        'echarts/chart/bar',
				        'echarts/chart/line',
				        'echarts/chart/map'
				    ],
				    function (ec) {
				        //--- 折柱 ---
				        myChart = ec.init(document.getElementById('chart'));
				        myChart.setOption(
				        	{
						     title: {
						        text: "数据统计",
						        textStyle: {
						            color: "rgb(85, 85, 85)",
						            fontSize: 18,
						            fontStyle: "normal",
						            fontWeight: "normal"
						        }
						    },
						    tooltip: {
						        trigger: "axis"
						    },
						    legend: {
						        data: ["会员", "文章", "评论"],
						        selectedMode: false,
						    },
						    toolbox: {
						        show: true,
						        feature: {
						            dataView: {
						                show: false,
						                readOnly: true
						            },
						            magicType: {
						                show: false,
						                type: ["line", "bar", "stack", "tiled"]
						            },
						            restore: {
						                show: true
						            },
						            saveAsImage: {
						                show: true
						            },
						            mark: {
						                show: false
						            }
						        }
						    },
						    calculable: false,
						    xAxis: [
						        {
						            type: "category",
						            boundaryGap: false,
						            data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
						        }
						    ],
						    yAxis: [
						        {
						            type: "value"
						        }
						    ],
						     grid: {
						        x2: 30,
						        x: 50
						    },
						    series: [
						        {
						            name: "会员",
						            type: "line",
						            smooth: true,
						            itemStyle: {
						                normal: {
						                    areaStyle: {
						                        type: "default"
						                    }
						                }
						            },
						            data: [10, 12, 21, 54, 260, 830, 710]
						        },
						        {
						            name: "文章",
						            type: "line",
						            smooth: true,
						            itemStyle: {
						                normal: {
						                    areaStyle: {
						                        type: "default"
						                    }
						                }
						            },
						            data: [30, 182, 434, 791, 390, 30, 10]
						        },
						        {
						            name: "评论",
						            type: "line",
						            smooth: true,
						            itemStyle: {
						                normal: {
						                    areaStyle: {
						                        type: "default"
						                    },
						                    color: "rgb(110, 211, 199)"
						                }
						            },
						            data: [1320, 1132, 601, 234, 120, 90, 20]
						        }
						    ]
						}
				        );
					}
				);
				$(window).resize(function(){
					myChart.resize();
				})
			});
		</script>
	</body>
</html>
